*{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
body{
    background-color: darkgray;
}

header{
    background-color: #000000;
    padding: 15px 0;
    width: 500px;
}
section{
    width: 500px;
}
header label{
    color: beige;
    line-height: 40px;
}
header input{
    border-radius: 10px;
    padding: 5px;
    float: right;
    margin-right:10px ;
}


.demo-box li{
background-color: wheat;
margin-bottom: 5px;
padding: 2px 5px;

}

ul li{
    background-color: #ffffff;
    margin-bottom: 5px;
padding: 2px 5px;

}
section span{
    color:#fff;
    float: right;
    font-size: 1rem;
    margin-right: 5px;
    background-color: tomato;
    width: 20px;
    height: 20px;border-radius: 10px;
    text-align: center;
}
section li input{
    display: inline-block;
}
section li p{
    display: inline-block;
}
section li a{
    width: 20px;
    height: 20px;
    background-color: royalblue;
    border-radius: 10px;
    float: right;
    display: inline-block;
    text-align: center;
}